@import './config.less';

.wrap{
	position:relative;
	/*width:1200px;*/
    width:100%;
	margin:0 auto;
	height: 100%;
}

.el-main {
	padding: 15px 16px 16px 16px;
}

.el-table{
	width:99.9%
}

.el-container {
	height: 100%;
	background: #eee;
}

i.icon{
	background-size:90%;
}

.card-wrapper/deep/.el-table .el-button {
	padding: 0;
}

.table-wrapper/deep/.el-pagination.is-background .el-pager li:not(.disabled) {
    &.active {
        background: @fontColor;
        &:hover {
            color: #fff;
        }
    }
    &:hover {
        color: @fontColor;
    }
}

.el-pagination button:hover {
	color: @fontColor
}

.el-pager li {
	&.active {
		color: @fontColor;
	}
	&:hover {
		color: @fontColor;
	}
}

.el-radio {
	.el-radio__input.is-checked .el-radio__inner {
		border-color: @fontColor;
		background: @fontColor;
	}
	.el-radio__input.is-checked+.el-radio__label {
		color: @fontColor;
	}
	.el-radio__inner:hover {
		border-color: @fontColor;
	}
}

//mt
.mt20{margin-top:20px;}
//ml
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml5{margin-left:5px;}
.ml12{margin-left:12px;}
.ml16{margin-left:16px;}
.ml0{margin-left:0px;}
.ml40{margin-left:40px;}
//mr
.mr5{margin-right:5px;}
.mr16{margin-right:16px;}
.mr20{margin-right:20px;}
//mb
.mb25{margin-bottom: 25px;}
.mb20{margin-bottom:20px;}
.mb12{margin-bottom:12px;}
.mb6{margin-bottom:6px;}
.mb5{margin-bottom:5px;}
.mb20{margin-bottom:20px;}
//mt
.mt7{margin-top:7px;}
//pl
.pl25{padding-left: 25px;}
//pl
.pl40{
	padding-left: 40px;
}
.pd31 {
	padding: 31px;
}
.wd85{width:85px;}
.w90{width:90px;}
.wd100{width:100px;}
.w104{width:104px;}
.w110{width:110px;}
.wd150{width:150px;}
.wd170{width:170px;}
.wd200{width:200px;}

.wd20p{width:20%;}
.wd30p{width:30%;}
.tc{
	text-align: center;
}
.tl{
	text-align: left;
}
.tr{
	text-align: right;
}
.vt{
	vertical-align: top;
}
.fl{
	float: left;
}
.container{
	padding:20px 10px 20px;
	background:#fff;
}
.search-form{
	padding:0;
	border-bottom:1px solid #ddd;
	.search-title{
		font-size: @bigFontSize;
		color: #333;
		padding-bottom: 30px;
	}
	.search-row{
		padding-left:25px;
		label{
			display: inline-block;
		}
		.el-input{
			display: inline-block;
			width:120px;
		}
		.el-input.wd150{
			width:150px;
		}
		.el-input.wd170{
		  width:170px;
		}
		.el-input.wd200{
		  width:200px;
		}
		.el-select{
			.el-input{
				width:180px;
			}
		}
		.el-select.w260{
			.el-input{
				width:260px;
			}
		}
		.el-select.w200{
			.el-input{
				width:200px;
			}
		}
		.el-select.w160{
			.el-input{
				width:160px;
			}
		}
		.el-select.wd120{
			.el-input{
				width:120px;
			}
		}
	}
	.box-group{
		position: relative;
		.label70-group{
			>label{
				position: absolute;
				top:0;
				left: 25px;
			}
			.el-checkbox-group{
				padding-left: 70px;
			}
			.el-radio-group{
				padding-left: 70px;
			}
		}
		.label80-group{
			>label{
				position: absolute;
				top:0;
				left: 25px;
			}
			.el-checkbox-group{
				padding-left: 80px;
			}
			.el-radio-group{
				padding-left: 80px;
			}
		}
		.label100-group{
			>label{
				position: absolute;
				top:0;
				left: 25px;
			}
			.el-checkbox-group{
				padding-left: 85px;
			}
			.el-radio-group{
				padding-left: 85px;
				.el-radio{
					margin: 0;
					margin-right: 8px;
				}
			}
		}
	}
}

// .el-checkbox-group{
// 	display:inline-block;
// 	.el-checkbox{
// 		margin-left: 0px;
// 		margin-right: 8px;
// 		margin-bottom: 8px;
// 		&:last-child{
// 			margin-right: 0px;
// 		};
// 	}
// }


// .modal-form{
// 	padding-left: 90px;
// 	.modal-row{
// 		label{
// 			position: relative;
// 			display: inline-block;
// 			margin-right: 50px;
// 		}
// 		.el-input{
// 			display: inline-block;
// 			width:250px;
// 		}
// 		.el-textarea{
// 			display:inline-block;
// 			width:250px;
// 		}
// 	}
// }
.label70{width: 70px;}
.label80{width: 80px;}
.label90{width: 90px;}
.label100{width:85px;}
.label125{width:125px;}



.btn-normal{
	display: inline-block;
	width:104px;
	height:30px;
	line-height:30px;
	color:#fff;
	background:#ff7800;
	text-align:center;
	border-radius: 4px;
}
.btn-add{
	background: #50b400;
}
.btn-sub{
	display: inline-block;
	width:170px;
	height:34px;
	line-height:34px;
	color:#fff;
	background:#50b400;
	text-align:center;
	border-radius: 4px;
}
.btn-disabled{
	background:#ddd;
}
//弹窗设置最小宽度，超过就出滚动条
// .el-dialog--small{
// 	min-width: 650px;
// }
.el-dialog{
	min-width: 960px;
}
.date-line{
	&:after{
		content: '';
	    width: 14px;
	    height: 0;
	    border-top: 1px solid #c0ccda;
	    display: inline-block;
	    margin: 4px 13px;
	}
}

/*复写分页样式*/
.el-pagination{
	text-align: right;
}

.tb-title{
	margin-top:20px;
	>span{
		display:inline-block;
		height:34px;
		line-height:34px;
		font-size:16px;
		color:#333;
	}
}

.el-table th,.el-table__body td{
	text-align:center;
}

.labelForm{
	.el-form-item{
		margin-bottom: 0;
	}
}

// .el-dialog__body{
// 	max-height:600px;
// 	overflow:auto;
// 	padding:20px;
// }

.imageDialog.el-dialog__wrapper{
	.el-dialog--tiny{
		width:550px;
	}
	.el-dialog__body{
		max-height:none;
		overflow:auto;
		padding:20px;
	}
}

.el-loading-mask{
	background-color:rgba(0,0,0,0.1);
}

.el-button.remindButton{
	span{
		border: none;
	}
}

//数据日报表格边框
.DataDaily .left-border{
  border-left: 1px solid #dfe6ec !important;
}
.DataDaily .right-border{
  border-right: 3px solid #dfe6ec !important;
}

.sendOffHours{
  width:70px !important;
  .el-input{
	width:70px !important;
  }
}
.sendOffMinutes{
  width:70px !important;
  .el-input{
	width:70px !important;
  }
}

.imagesCarousel.el-carousel{
	height:500px;
	.el-carousel__container{
		height:500px;
	}
	
}

//批次管理样式
.el-table{
  .bg-red{
	background:#FFE1E1;
  }
}
//input框的高度
// input.el-input__inner{
// 	height: 32px;
// }
// .min-table-width{
// 	min-width: 1120px;
// }

.text-center{
    text-align:center;
}
.text-right{
    text-align:right;
}
.btn-block{
    // display:block;
	width:110px;
}
.green-btn {
	background: @fontColor;
	color: #fff;
	border-color: @fontColor;
	&:hover {
		background: @fontColor;
		color: #fff;
		border-color: @fontColor;
		opacity: .9;
	}
	&:active {
		background: @fontColor;
		color: #fff;
		border-color: @fontColor;
	}
	&:focus {
		background: @fontColor;
		color: #fff;
		border-color: @fontColor;
	}
	&.is-plain {
		background: #fff;
		border-color: @fontColor;
		color: @fontColor;
		&:hover {
			background: #BCFFF4;
			color: @fontColor;
			border-color: @fontColor;
		}
		&:active {
			background: @fontColor;
			color: #fff;
			border-color: @fontColor;
		}
		&:focus {
			background: @fontColor;
			color: #fff;
			border-color: @fontColor;
		}
	}
}
.alert-light{
    border-radius: 0;
}

// div{
// 	.el-select__tags{
// 		z-index: 2;
// 	}
// }
// 表单原始样式恢复
.original-form{
	padding-left:0;
	.el-form-item__content{
		padding-left:0;
	}
	.el-form-item__error{
		left: 0;
	}
}


//input和select的一些宽度

.el-item-90{
	.el-input{
		width: 90px;
	}
	.el-select{
		width: 90px;
	}
	.el-textarea{
		width: 90px;
	}
}
.el-item-100{
	.el-input{
		width: 100px;
	}
	.el-select{
		width: 100px;
	}
	.el-textarea{
		width: 100px;
	}
}
.el-item-115{
	.el-input{
		width: 115px;
	}
	.el-select{
		width: 115px;
	}
	.el-textarea{
		width: 115px;
	}
}
.el-item-128{
	.el-input{
		width: 128px;
	}
	.el-select{
		width: 128px;
	}
	.el-textarea{
		width: 128px;
	}
}
.el-item-150{
	.el-input{
		width: 150px;
	}
	.el-select{
		width: 150px;
	}
	.el-textarea{
		width: 150px;
	}
}
.el-item-177{
	.el-input{
		width: 177px;
	}
	.el-select{
		width: 177px;
	}
	.el-textarea{
		width: 177px;
	}
}
.el-item-190{
	.el-input{
		width: 190px;
	}
	.el-select{
		width: 190px;
	}
	.el-textarea{
		width: 190px;
	}
}
.el-item-215{
	.el-input{
		width: 215px;
	}
	.el-select{
		width: 215px;
	}
	.el-textarea{
		width: 215px;
	}
}
.el-item-250{
	.el-input{
		width: 250px;
	}
	.el-select{
		width: 250px;
	}
	.el-textarea{
		width: 250px;
	}
}

//首页的每行行间距减小
.el-form-item-8{
	.el-form-item{
		margin-bottom:8px;
	}
}
.el-form-item-m5{
	.el-form-item{
		margin-bottom:-5px;
	}
}

//警告色
.warn-border{
    .el-input__inner{
        border: 1px solid #FF4949;
	}
	.el-textarea__inner{
		border: 1px solid #FF4949;
	}
}
.warn-color{
	color: #FF4949;
}
// 全局布局样式
.el-aside{
	margin-bottom:-2999px;
	padding-bottom:2999px;
}
.el-header{
	background:rgba(0,0,0,1);
	box-shadow:0px 8px 9px 0px rgba(0, 0, 0, 0.2);
}
.el-upload {
	text-align: left;
}

.card-panel {
	.el-upload {
		text-align: center;
	}
}

// 连选日期选择器中间“至”字的长度
.el-date-editor .el-range-separator {
	width: 24px;
}

.el-collapse {
	border: none;
}

.el-collapse-item__header {
	border: none;
	justify-content: flex-end;
	display: -webkit-box;
	-webkit-box-pack: end;
	-moz-box-pack: end;
}


.search-form {
	border: none;
}

.bd-b {
	border-bottom: 1px solid rgba(233,233,233,1);
}